<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Live Earthquake Mashup</title>
    <link href="eqmashup.css" type="text/css" rel="stylesheet"/>
    <script type="text/javascript">
      if( window!= window.top ) { top.location.href = location.href; }
    </script>
    <script src="http://maps.google.com/maps?file=api&amp;v=2.s&amp;key=ABQIAAAAmthf-dab6_w-AoEF60m3-hSE_5CW_Ox78DcVKmGiKw87VLRs1BST0DsiEURnp0IrhwHMAeFlkFDPiw"
      type="text/javascript"></script>
    <script type="text/javascript" src="http://static.simile.mit.edu/timeline/api/timeline-api.js"></script>
    <script src="eqmashup.js" type="text/javascript"></script>
  </head>

  <body onload="initMashup();" onunload="GUnload();" onresize="onResize();">
    <div id="timelinecontainer">
      <div id="timeline"></div>
    </div>
    <div id="mapcontainer">
      <div id="map"></div>
    </div>
    <div id="buttons">
      <div id="usgs25" class="button">USGS 2.5+</div>
      <div id="usgs5" class="button">USGS 5+</div>
      <div id="emsc" class="button">EMSC</div>
      <div id="gfz" class="button">GFZ</div>
      <div id="counter" class="button">0:00</div>
      <div id="follow" class="button">
        <form action="">
          <div>
            <label>follow</label>
            <input id="checkfollow" type="checkbox" value="yes" checked="checked"/>
          </div>
        </form>
      </div>
      <div id="info" class="button"><a href="/oefiles/gmaps/eqmashup-info_html">Info</a></div>
    </div>
    <div id="debug"></div>
  </body>
</html>
